.news-view {
  width: 100%;
  .news-page {
    margin-right: 20px;
    border: 1px solid #ebeef5;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    .news-container {
      padding: 2px;
      .news-content {
        border: 1px solid #e0e0e0;
        font-size: 0;
        li {
          border-top: 1px solid #e0e0e0;
          position: relative;
          div.mainImg {
            position: relative;
            .img{
              overflow: hidden;
              width: 307px;
              height: 307 * 206/370px;
              img {
                width: 100%;
                height: auto;
              }
            }
            .singleTitle {
              padding: 20px;
              font-size: 16px;
              .digest {
                margin-top: 3px;
                font-size: 12px;
                color: #999;
              }
            }

            .mainTitle {
              width: 410px;
              position: absolute;
              bottom: 20px;
              left: 20px;
              color: #fff;
              font-size: 16px;
              overflow: hidden;
              display: inline-block;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
            }
          }
          &:hover .operation {
            opacity: 1;
            visibility: inherit;
          }
          .operation {
            &.two{
              line-height: 140px;
            }
            &.one{
              line-height: 190px;
            }
            text-align: center;
            opacity: 0;
            visibility: hidden;
            position: absolute;
            top: 0;
            left: 0;
            background-color: rgba(0, 0, 0, .7);
            width: 100%;
            height: 100%;
            transition: all .3s;
            a {
              font-size: 16px;
              color: #fff;
            }
          }
          div.mainDigest {
            padding: 10px;
            font-size: 14px;
          }
          .viceTitle {
            line-height: 100px;
            padding: 20px 10px;
            font-size: 14px;
            float: left;
            width: 160px;
            height: 100px;
            div {
              width: 100%;
              overflow: hidden;
              display: inline-block;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
            }
          }
          .viceImg {
            float: left;
            width: 100px;
            height: 100px;
            padding: 20px 13px;
            overflow: hidden;
            img {
              width: 100%;
              height: auto;
            }
          }
          .addNews {
            cursor: pointer;
            text-align: center;
            line-height: 50px;
            height: 50px;
            background-color: #f5f5f5;
            color: #999;
            font-size: 50px;
          }
        }
      }
    }
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .news-view {
    .news-page {
      margin-right: 10px;
      .news-container {
        .news-content {
          li {
            div.mainImg {
              .img{
                width: 221px;
                height: 221 * 206/370px;
                img {
                  width: 100%;
                  height: auto;
                }
              }
              .singleTitle {
                font-size: 14px;
                .digest {
                  font-size: 10px;
                }
              }

              .mainTitle {
                font-size: 12px;
              }
            }
            .operation {
              &.two{
                line-height: 90px;
              }
              &.one{
                line-height: 135px;
              }
              a {
                font-size: 14px;
              }
            }
            div.mainDigest {
              padding: 7px;
              font-size: 12px;
            }
            .viceTitle {
              line-height: 70px;
              padding: 10px 5px;
              font-size: 12px;
              width: 120px;
              height: 70px;
            }
            .viceImg {
              width: 70px;
              height: 70px;
              padding: 10px 10px;
            }
          }
        }
      }
    }
  }
}

.news-set {
  .newsPage {
    margin-right: 15px;
    font-size: 14px;
    line-height: 32px;
  }
  .title {
    float: left;
    margin-right: 15px;
    font-size: 14px;
    line-height: 32px;
  }
  .content {
    float: left;
    line-height: 30px;
  }
}
